.smui-button {
    box-sizing: border-box;
    outline: none;
    box-shadow: none;
    align-items: center;
    justify-content: center;
    line-height: 1;
    border-radius: var(--btn-rounded);
    color: var(--btn-color, #fff);
    background-color: var(--btn-bgColor, #000);
    border: 1px solid var(--btn-borderColor, #000);
    display: inline-flex;
    gap: 12rpx;
}

.smui-button::after {
    border: none;
}

.smui-button--block {
    width: 100%;
    display: flex;
}

.smui-button--size-md {
    height: var(--btn-height-md, 44px);
    font-size: 14px;
    padding: 0 14px;
}
.smui-button--size-lg {
    height: var(--btn-height-lg, 48px);
    font-size: 16px;
    padding: 0 24px;
}

.smui-button--size-sm {
    height: var(--btn-height-sm, 34px);
    font-size: 13px;
    padding: 0 10px;
}

.smui-button--outlined {
    background-color: transparent;
    color: var(--btn-borderColor, #000) !important;
}

.smui-button-loader {
    width: 24rpx;
    height: 24rpx;
    border: 4rpx solid var(--btn-bgColor, #000); /* 边框颜色 */
    border-top: 4rpx solid var(--btn-color, #fff); /* 顶部颜色 */
    border-right: 4rpx solid var(--btn-color, #fff); /* 顶部颜色 */
    border-left: 4rpx solid var(--btn-color, #fff); /* 顶部颜色 */
    border-radius: 50%;
    animation: spin 1s linear infinite; /* 动画效果 */
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
